<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>QulTweet</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
    <meta name="keywords" content="kultwit,kultweet,fikih,fiqh,tanya jawab ustadz,tanya jawab islam,tanya jawab agama islam,ustadz,kiyai,kiai,search engine,mesin pencari,ustadz menjawab,ustadz,menjawab,syariah,islam,tanya jawab,konsultasi,ulama,aqidah,ibadah,muamalah,ilmu,muslim,syahadat,shalat,puasa,zakat,haji,iman" >
    <meta name="description" content="Portal trending kultwit tokoh-tokoh Muslim Indonesia">
    <meta name="author" content="">
	<meta property="og:title" content="QulTweet" />
	<meta property="og:description" content="Portal trending kultwit tokoh-tokoh Muslim Indonesia" />
	<meta property="og:type" content="website" />
	<meta property="og:url" content="http://qultweet.com" />
	<meta property="og:image" content="http://qultweet.com/ico/qultweet_logo.png" />
	<meta property="og:site_name" content="QulTweet" />
	<meta property="fb:admins" content="574106911" />
    <!-- Le styles -->
    
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine|Rosarivo:400,400italic|Berkshire+Swash">
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link type="text/css" rel="stylesheet" href="css/speechbubble.css">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/qultweet.css" rel="stylesheet">
    <link href="css/social-slick.css" rel="stylesheet">
    <link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
    <!--[if IE]>
      <style type="text/css">
        #header h1 { 
          font-size: 32px;
        }
      </style>
    <![endif]-->
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
  </head>

  <body>

<div id="dc-dcssb-1">
<ul id="nav-dcssb" class="">
  <li id="dcssb-twitter" class="size-box"><a href="http://twitter.com/share" data-url="http://www.qultweet.com/" data-counturl="http://www.qultweet.com/" data-text="Portal Kultwit tokoh-tokoh muslim Indonesia" class="twitter-share-button" data-count="vertical" data-via="qultweet"></a></li>
  <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
  
  <li id="dcssb-facebook" class="size-box">
    <iframe src="http://www.facebook.com/plugins/like.php?app_id=&amp;href=http://www.qultweet.com/&amp;send=false&amp;layout=box_count&amp;width=50&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:60px;" allowTransparency="true"></iframe></li>
    
    <li id="dcssb-plusone" class="size-box"><g:plusone size="tall" href="http://www.qultweet.com/" count="true"></g:plusone></li>
    <script type="text/javascript">
        (function() {
          var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
          po.src = "https://apis.google.com/js/plusone.js";
          var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
        })();
    </script>
        <!-- <li id="dcssb-stumble" class="size-box"><iframe src="http://www.stumbleupon.com/badge/embed/5/?url=http://www.designchemical.com/lab/demo-wordpress-slick-social-share-buttons-plugin/" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height: 60px;" allowTransparency="true"></iframe></li> -->
        
<!-- <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><li id="dcssb-linkedin" class="size-box"><script type="in/share" data-url="http://www.designchemical.com/lab/demo-wordpress-slick-social-share-buttons-plugin/" data-counter="top"></script></li> -->
<!-- <li id="dcssb-digg" class="size-box"><a href="http://digg.com/submit?url=href=http://www.designchemical.com/lab/demo-wordpress-slick-social-share-buttons-plugin/&amp;title=WordPress+Plugin+Slick+Social+Share+Buttons" class="DiggThisButton DiggMedium"><span style="display: none;">Add facebook, twitter, google +1, linkedin, digg, and stumbledupon social media buttons in a floating or slide out tab to any WordPress website with the WordPress Slick Social Share Buttons plugin</span></a></li> -->
</ul>
<div class="clear"></div>
<div class="dc-corner"><span></span></div>
</div>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div id="header" class="container">
          <div class="row">
            <div class="span2 offset1"><h1>QulTweet</h1></div>
            <div id="menu" class="span9">
              <div class="masonry-me span2"><a style="color:white" href="about.html"><p>Profil</p><p>Tokoh</p></a></div>
              <div class="masonry-me span2"><a style="color:white" href="masonry.html"><p>Trending</p><p>QulTweet</p></a></div>
              <div class="masonry-me span2"><a style="color:white" target="_blank" href="http://www.ustadzmenjawab.com"><p>Ustadz</p><p>Menjawab</p></a></div>
              <!-- <div class="masonry-me span2"><p>Top Tweeps</p><p>Today</p></div> -->
            </div>
          </div>        
        </div>
      </div>
    </div>

    <div id="content" class="container">
      <div class="description row" id="powerpoint">
      </div>
      <!-- <div class="description row">
        <div  id="top-tweeps" class="items span12">
        </div>
      </div> -->
      <p>&nbsp;</p>
      <div class="description row" >
        <div  id="top-tweets" class="items span12">
        </div>
      </div>
      <hr>
    </div> <!-- /container -->
    <div id="twitter-page-nav">
      <a href="getPopularTweets.php?page=2">
      </a>
    </div>
    <div id="conv_dialog" class="scroll-pane-arrows" style='display: none;'></div>
	<div id="opaque" style='display: none;'></div>
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
  <script type="text/javascript" src="js/underscore-min.js"></script>
  <script type="text/javascript" src="js/underscore.string.min.js"></script>
  <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 
  <script type="text/javascript" src="js/jquery.ba-tinypubsub.min.js"></script>
    <script type="text/javascript" src="js/jquery.json-2.3.min.js"></script>
  <script type="text/html" id="mediaLinkTemplate">
    <a href="<%=url%>" target="_blank"><%=url%></a>
  </script> 
  <script type="text/html" id="urlLinkTemplate">
    <a href="<%=url%>" target="_blank"><%=url%></a>
  </script>  
  <script type="text/html" id="urlLinkWithTitleTemplate">
    <a href="<%=url%>" target="_blank"><%=title%></a>
  </script>  
  <script type="text/html" id="hashTagLinkTemplate">
    <a href="http://twitter.com/#!/search/%23<%=url%>" target="_blank">#<%=url%></a>
  </script>  
  <script type="text/html" id="imgLinkTemplate">
    <a href="<%=url%>"><img src="<%=src%>" width="<%=width%>" height="<%=width%>"/></a>
  </script>
  <script type="text/html" id="urlEntityTemplate">
    <%if(page_title != null || noembed_title != null) {%>
      <%if(page_title != null) {%>
        <p><%=$.template.urlLinkWithTitle({url: url_entity, title : page_title}) %></p>
      <%}%>
      <%if(page_title != null) {%>
        <p><%=$.template.urlLinkWithTitle({url: url_entity, title : noembed_title}) %></p>
      <%}%>
      <br/>
      <%if(fb_thumbnail_url != null) {%>
        <p><%=$.template.imgLink({url: url_entity, src : fb_thumbnail_url, width: "128px"}) %></p>
      <%}%>
      <%if(noembed_thumbnail_url != null) {%>
        <p><%=$.template.imgLink({url: url_entity, src : noembed_thumbnail_url, width: "128px"}) %></p>
      <%}%>
      <%if(page_image != null) {%>
        <p><%=$.template.imgLink({url: url_entity, src : page_image, width: "128px"}) %></p>
      <%}%>
      <%if(fb_page_desc != null) {%>
        <p><div class="thumb_desc"><%=fb_page_desc%></div></p>
      <%}%>
      <%if(page_desc != null) {%>
        <p><div class="thumb_desc"><%=page_desc%></div></p>
      <%}%>
    <%} else if(expanded_url !=null){%>
        <p><%=$.template.urlLink({url: expanded_url}) %></p>
    <%} else {%>
        <p><%=$.template.urlLink({url: url_entity}) %></p>
    <%}%>
  </script>
  <script type="text/html" id="tweetPopularTemplate">
    <div id="item_<%=status_id%>" class="masonry-me tweet span-masonry">
        <div class="twitter-header">
          <div class="twitter-item-header">
            <a target="_blank" class="twitter-account" href="http://twitter.com/#!/<%= screen_name%>">
             <img class="avatar" src="<%= profile_img_url %>" alt="<%if(name != null) {%><%=name%><%} else {%><%= display_name %><%}%>">
              <strong class="fullname"><%if(name != null) {%><%=name%><%} else {%><%= display_name %><%}%></strong>
            </a>
			
            <p>
				<a style="color:grey" target="_blank" class="twitter-account" href="http://twitter.com/#!/<%= screen_name%>"><%=screen_name%></a>
			</p>
          </div>
        </div>
        <div class="twitter-content caption">
          <p><%= text %></p>
          <% _.each(entities, function(it) { %>
            <br/><%= $.template.urlEntity(it) %>
          <% }) %>          
          <% _.each(medias, function(it) { %>
            <br/><img src="<%=it.url%>" width="<%=it.width%>px" height="<%=it.height%>px"/>
          <% }) %>
        </div>
        <div class="user_actions">
          <ul class="actions">
            <li class="tweet_action" id="conversation_<%=convid%>"
              data-convid="<%=convid%>" data-statusid="<%=status_id%>" data-screenname = "<%=screen_name%>">
              <a href="#">
                <span class="click_action"><%=convid_count%> percakapan</span><span>&nbsp;&nbsp;</span>
              </a>
            </li>
            <li class="tweet_action" id="reply_<%=status_id%>">
              <a href="https://twitter.com/intent/tweet?in_reply_to=<%=status_id%>&via=<%=$.constant.appName%>">
                <span class="click_action"><img style="vertical-align:top" src="ico/reply.png"/>Balas</span><span>&nbsp;&nbsp;</span>
              </a>
            </li>
            <li class="tweet_action" id="retweet_<%=status_id%>">
              <a href="https://twitter.com/intent/retweet?tweet_id=<%=status_id%>&via=<%=$.constant.appName%>">
                <span class="click_action"><img style="vertical-align:top" src="ico/retweet.png"/>Retweet</span>                     
              </a>
            </li>
          </ul>
        </div>
		<div class="comment_section">
			 <% _.each(conversations, function(it) { %>
            <br/><%= $.template.shortConversation(it) %>
			<hr/>
          <% }) %>  
		</div>
	</div>
  </script>
  <script type="text/html" id="convTemplate">
	<div class="tweet_conv">
	<div class="triangle-border <% if (is_ustadz == 1) {%>left<%} else {%>right<%}%>">
	<a target="_blank"  href="http://twitter.com/#!/<%= screen_name%>"><img src="<%=profile_img_url%>"/></a>
	<p><strong><a class="full_name" target="_blank"  href="http://twitter.com/#!/<%= screen_name%>"><%= name%></a></strong>
	<%=text%>
	<%if(entities.length > 0) {%> 
		<br/><br/>
	<%}%>
	<% _.each(entities, function(it) { %>
		<p><a href="<%=it%>" target="_blank"><%=it%></a></p>
	<% }) %>
	<% _.each(medias, function(it) { %>
		<br/><img src="<%=it.url%>" width="<%=it.width%>px" height="<%=it.height%>px"/>
	<% }) %>
	</p><div style="clear: both;"></div>
	<!-- <br/><div class="tweet_date"><p><%=created_at%></p></div> -->
	<div class="user_action">
	<div style="margin-left:0px;" class="tweet_reply" id="reply_<%=status_id%>">
		<a href="https://twitter.com/intent/tweet?in_reply_to=<%=status_id%>&via=<%=$.constant.appName%>">Balas</a>
	</div>
	
	<div class="retweet_button" id="retweet_<%=status_id%>">
		<a href="https://twitter.com/intent/retweet?tweet_id=<%=status_id%>&via=<%=$.constant.appName%>">Retweet</a>
	</div>
		<div class="tweet_date">
			<a style="color:grey" target="_blank" href="http://twitter.com/#!/<%=screen_name%>/status/<%=status_id%>"><%=created_at%></a>
		</div>
	</div>
	</div>
</script>
  <script type="text/html" id="tweetShortConversationTemplate">
   	<div id="conv_item_<%=status_id%>" class="conversation">
        <a target="_blank"  href="http://twitter.com/#!/<%= screen_name%>">
             <img class="conversation_img" src="<%=conv_profile_img_url%>" alt="<%if(name != null) {%><%=name%><%}%>">
        </a>
		<a target="_blank"  href="http://twitter.com/#!/<%= screen_name%>">
              <strong class="fullname"><%if(name != null) {%><%=name%><%} %></strong>
        </a>
		
		<!--<a target="_blank"  href="http://twitter.com/#!/<%= screen_name%>">
		 <p class="conversation_scr_name"><%=screen_name%></p>
 		</a>-->
		<p class="conversation_scr_name">&nbsp;</p>		

		<div sytle="clear:both"><br/></div>
		<p><%= text %></p>
         
        <div class="user_actions">
          <ul class="actions">
            <li class="tweet_action" id="reply_<%=status_id%>">
              <a href="https://twitter.com/intent/tweet?in_reply_to=<%=status_id%>&via=qultweet.com">
                <span class="click_action"><img style="vertical-align:top" src="ico/reply.png"/>Balas</span><span>&nbsp;&nbsp;</span>
              </a>
            </li>
            <li class="tweet_action" id="retweet_<%=status_id%>">
              <a href="https://twitter.com/intent/retweet?tweet_id=<%=status_id%>&via=qultweet.com">
                <span class="click_action"><img style="vertical-align:top" src="ico/retweet.png"/>Retweet</span>                     
              </a>
            </li>
          </ul>
		</div>
	</div>
  </script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/jquery.masonry.js"></script>

    <!--
  <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
    <script src="js/jquery.masonry.min.js"></script> 
  -->
    <script type="text/javascript" src="js/jquery.infinitescroll.js"></script>
    <script type="text/javascript" src="js/qoola.js"></script>
    <script type="text/javascript" src="js/jquery.social.slick.1.0.js"></script>
    <script src="http://platform.twitter.com/anywhere.js?id=dUuayugQg2cs5RBixYIrLg&v=1" type="text/javascript"></script>
    <script type="text/javascript" text="javascript">
    var qoola = window.app.qoola;
    qoola.init();
  //  $('#conv_dialog').hide();
    $(document).ready(function(){
          //TODO: ganti image
          jQuery('#dc-dcssb-1').dcSocialSlick({
            idWrapper : 'dcssb-slick',
            location: 'right',
            align: 'top',
            offset: '150px',
            speed: 600,
            tabText: '<img src="http://dc-5.com/wp/wp-content/plugins/slick-social-share-buttons/css/images/tab_right_vertical.png" alt="Share" />',
            autoClose: true,
            loadOpen: false,
            classWrapper: 'dc-social-slick vertical',
            classOpen: 'dcssb-open',
            classClose: 'dcssb-close',
            classToggle: 'dcssb-link'            
          });
      $('#menu').masonry({
        itemSelector : '.masonry-me'
      });
      twttr.anywhere(function (T) {
    	   T.hovercards({ expanded: true});
    	});
    })
    </script>
	<!-- <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script> -->
  	<script type="text/javascript" src="js/jquery.simplemodal.1.4.2.min.js"></script>
  	<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
  	<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
  </body>
</html>